// import { useEffect, useState } from 'react'
import { Outlet } from 'react-router-dom'
import { Collapse } from 'tdesign-react'
// import { useRefreshBugList } from '@/stores'
// import AddBug from './components/AddBug'
// import UpdateBug from './components/UpdateBug'
import styles from'./index.module.less'

// const { Panel } = Collapse

const TestPage = () => {
  // const [bugList, setBugList] = useState(JSON.parse(localStorage.getItem('bugList') || '[]'))

  // const { isRefreshBugList, setIsRefreshBugList } = useRefreshBugList((state: any) => state)

  // useEffect(() => {
  //   if (isRefreshBugList) {
  //     setBugList(JSON.parse(localStorage.getItem('bugList') || '[]'))
  //     setIsRefreshBugList(false)
  //   } else {}
  // }, [isRefreshBugList])

  // useEffect(() => {
  //   console.log('bugList', bugList)
  // }, [bugList])

  return <div className={styles.testPage}>
   <Outlet />
  </div>
}

export default TestPage